<template>
    <div class="Instruction">
        <Header></Header>
        <div id="Instruction-pc">
        <div class="box">
            <div class="left">
                <div class="left-cjwt">
                    <a href="#常见问题">
                      常见问题
                    </a>  
                </div>
                <div class="left-title">
                    <a href="#关于奇点">
                      关于奇点
                    </a>
                    <div class="left-specifictitle">
                    <a href="#奇点提供什么服务？">
                    奇点提供什么服务？
                    </a>
                    <br>
                    <a  href="#奇点支持哪些交易品种？">
                    奇点支持哪些交易品种？
                    </a>
                    <br>
                    <a  href="#奇点收费吗？">
                    奇点收费吗？
                    </a>
                    <br>
                    <a  href="#策略归谁所有？">
                    策略归谁所有？
                    </a>
                    <br>
                    <a  href="#我的策略是否安全？">
                    我的策略是否安全？
                    </a>
                    <br>
                    <a  href="#如何学习使用奇点？">
                    如何学习使用奇点？
                    </a>
                    <br>
                     <a  href="# 使用聚宽过程中有问题怎么办？">
                    使用聚宽过程中有问题怎么办？
                    </a>
                    <br>
                     <a  href="#不会写策略或者有些代码写不出来怎么办？">
                    不会写策略或者有些代码写不出来怎么办？
                    </a>
                    <br>
                    </div>
                </div>
                <div class="left-title">
                    <a href="#数据">
                      数据
                    </a>
                    <div class="left-specifictitle">
                    <a href="#奇点提供什么服务？">
                    奇点提供什么服务？
                    </a>
                    <br>
                    <a  href="#奇点支持哪些交易品种？">
                    奇点支持哪些交易品种？
                    </a>
                    <br>
                    <a  href="#奇点收费吗？">
                    奇点收费吗？
                    </a>
                    <br>
                    <a  href="#策略归谁所有？">
                    策略归谁所有？
                    </a>
                    <br>
                    <a  href="#我的策略是否安全？">
                    我的策略是否安全？
                    </a>
                    <br>
                    <a  href="#如何学习使用奇点？">
                    如何学习使用奇点？
                    </a>
                    <br>
                     <a  href="# 使用聚宽过程中有问题怎么办？">
                    使用聚宽过程中有问题怎么办？
                    </a>
                    <br>
                     <a  href="#不会写策略或者有些代码写不出来怎么办？">
                    不会写策略或者有些代码写不出来怎么办WOWOOWOWO？
                    </a>
                    <br>
                    </div>
                </div>
                 <div class="left-title">
                    <a href="#回测">
                      回测
                    </a>
                    <div class="left-specifictitle">
                    <a href="#奇点提供什么服务？">
                    奇点提供什么服务？
                    </a>
                    <br>
                    <a  href="#奇点支持哪些交易品种？">
                    奇点支持哪些交易品种？
                    </a>
                    <br>
                    <a  href="#奇点收费吗？">
                    奇点收费吗？
                    </a>
                    <br>
                    <a  href="#策略归谁所有？">
                    策略归谁所有？
                    </a>
                    <br>
                    <a  href="#我的策略是否安全？">
                    我的策略是否安全？
                    </a>
                    <br>
                    <a  href="#如何学习使用奇点？">
                    如何学习使用奇点？
                    </a>
                    <br>
                     <a  href="# 使用聚宽过程中有问题怎么办？">
                    使用聚宽过程中有问题怎么办？
                    </a>
                    <br>
                     <a  href="#不会写策略或者有些代码写不出来怎么办？">
                    不会写策略或者有些代码写不出来怎么办？
                    </a>
                    <br>
                    </div>
                </div>
                 <div class="left-title">
                    <a href="#模拟交易">
                      模拟交易
                    </a>
                    <div class="left-specifictitle">
                    <a href="#奇点提供什么服务？">
                    奇点提供什么服务？
                    </a>
                    <br>
                    <a  href="#奇点支持哪些交易品种？">
                    奇点支持哪些交易品种？
                    </a>
                    <br>
                    <a  href="#奇点收费吗？">
                    奇点收费吗？
                    </a>
                    <br>
                    <a  href="#策略归谁所有？">
                    策略归谁所有？
                    </a>
                    <br>
                    <a  href="#我的策略是否安全？">
                    我的策略是否安全？
                    </a>
                    <br>
                    <a  href="#如何学习使用奇点？">
                    如何学习使用奇点？
                    </a>
                    <br>
                     <a  href="# 使用聚宽过程中有问题怎么办？">
                    使用聚宽过程中有问题怎么办？
                    </a>
                    <br>
                     <a  href="#不会写策略或者有些代码写不出来怎么办？">
                    不会写策略或者有些代码写不出来怎么办？
                    </a>
                    <br>
                    </div>
                </div>
                 <div class="left-title">
                    <a href="#投资研究">
                      投资研究
                    </a>
                    <div class="left-specifictitle">
                    <a href="#奇点提供什么服务？">
                    奇点提供什么服务？
                    </a>
                    <br>
                    <a  href="#奇点支持哪些交易品种？">
                    奇点支持哪些交易品种？
                    </a>
                    <br>
                    <a  href="#奇点收费吗？">
                    奇点收费吗？
                    </a>
                    <br>
                    <a  href="#策略归谁所有？">
                    策略归谁所有？
                    </a>
                    <br>
                    <a  href="#我的策略是否安全？">
                    我的策略是否安全？
                    </a>
                    <br>
                    <a  href="#如何学习使用奇点？">
                    如何学习使用奇点？
                    </a>
                    <br>
                     <a  href="# 使用聚宽过程中有问题怎么办？">
                    使用聚宽过程中有问题怎么办？
                    </a>
                    <br>
                     <a  href="#不会写策略或者有些代码写不出来怎么办？">
                    不会写策略或者有些代码写不出来怎么办？
                    </a>
                    <br>
                    </div>
                </div>
                 <div class="left-title">
                    <a href="#金融终端">
                      金融终端
                    </a>
                    <div class="left-specifictitle">
                    <a href="#奇点提供什么服务？">
                    奇点提供什么服务？
                    </a>
                    <br>
                    <a  href="#奇点支持哪些交易品种？">
                    奇点支持哪些交易品种？
                    </a>
                    <br>
                    <a  href="#奇点收费吗？">
                    奇点收费吗？
                    </a>
                    <br>
                    <a  href="#策略归谁所有？">
                    策略归谁所有？
                    </a>
                    <br>
                    <a  href="#我的策略是否安全？">
                    我的策略是否安全？
                    </a>
                    <br>
                    <a  href="#如何学习使用奇点？">
                    如何学习使用奇点？
                    </a>
                    <br>
                     <a  href="# 使用聚宽过程中有问题怎么办？">
                    使用聚宽过程中有问题怎么办？
                    </a>
                    <br>
                     <a  href="#不会写策略或者有些代码写不出来怎么办？">
                    不会写策略或者有些代码写不出来怎么办？
                    </a>
                    <br>
                    </div>
                </div>
                 <div class="left-title">
                    <a href="#接入实盘">
                      接入实盘
                    </a>
                    <div class="left-specifictitle">
                    <a href="#奇点提供什么服务？">
                    奇点提供什么服务？
                    </a>
                    <br>
                    <a  href="#奇点支持哪些交易品种？">
                    奇点支持哪些交易品种？
                    </a>
                    <br>
                    <a  href="#奇点收费吗？">
                    奇点收费吗？
                    </a>
                    <br>
                    <a  href="#策略归谁所有？">
                    策略归谁所有？
                    </a>
                    <br>
                    <a  href="#我的策略是否安全？">
                    我的策略是否安全？
                    </a>
                    <br>
                    <a  href="#如何学习使用奇点？">
                    如何学习使用奇点？
                    </a>
                    <br>
                     <a  href="# 使用聚宽过程中有问题怎么办？">
                    使用聚宽过程中有问题怎么办？
                    </a>
                    <br>
                     <a  href="#不会写策略或者有些代码写不出来怎么办？">
                    不会写策略或者有些代码写不出来怎么办？
                    </a>
                    <br>
                    </div>
                </div>
                 <div class="left-title">
                    <a href="#其他第三方问题">
                      其他第三方问题
                    </a>
                    <div class="left-specifictitle">
                    <a href="#奇点提供什么服务？">
                    奇点提供什么服务？
                    </a>
                    <br>
                    <a  href="#奇点支持哪些交易品种？">
                    奇点支持哪些交易品种？
                    </a>
                    <br>
                    <a  href="#奇点收费吗？">
                    奇点收费吗？
                    </a>
                    <br>
                    <a  href="#策略归谁所有？">
                    策略归谁所有？
                    </a>
                    <br>
                    <a  href="#我的策略是否安全？">
                    我的策略是否安全？
                    </a>
                    <br>
                    <a  href="#如何学习使用奇点？">
                    如何学习使用奇点？
                    </a>
                    <br>
                     <a  href="# 使用聚宽过程中有问题怎么办？">
                    使用聚宽过程中有问题怎么办？
                    </a>
                    <br>
                     <a  href="#不会写策略或者有些代码写不出来怎么办？">
                    不会写策略或者有些代码写不出来怎么办？
                    </a>
                    <br>
                    </div>
                </div>
            </div>
            <div class="right">
                <div id="常见问题">
                    <div class="text-title-big">
                    常见问题
                    </div>
                <br>
                    <div class="parter-box1">
                    <p>感谢您使用奇点量化交易平台，以下内容希望解答您对奇点的疑问。</p>
                    <p>如果您想了解我们提供的<a href="#API">API</a>如何使用，请查看<a href="#API">API</a>文档</p>
                    <p>如果以下内容仍没有解决您的问题，请您通过<a href="#API">社区提问</a>的方式告诉我们，谢谢。</p>
                    </div>
                </div>
                <div id="关于奇点">
                    <div class="text-title-middle">
                    关于奇点
                    </div>
                <div id="奇点提供什么服务？">
                    <div class="text-title-small">
                        奇点提供什么服务？
                    </div>
                    <div class="parter-box1">
                    <p>奇点致力于打造最高效、易用的量化交易平台；我们希望降低量化交易的门槛，让更多人有机会参与进来；我们坚信“人人皆为奇点客”—任何人只要对量化交易感兴趣，就可以成为一名奇点客。</p>
                    <br>
                    <p>我们免费为量化爱好者提供如下服务：</p>
                    <br>
                    <p>1、高质量数据 我们的数据提供2005年至今完整的Leve1数据、提供上市公司财务数据，包含完整的停牌、复权等信息。行情数据实时更新,财务数据等盘后及时更新；JoinQuant的数据完全免费，我们每年投入近百万元用于数据购买、数据加工、数据存储。 <a href="#">查看详情>></a></p>
                    <p>2、强大的研究平台 我们免费提供基于IPython Notebook的研究平台，提供天、分钟、tick级数据，采用Docker技术隔离，资源独立、安全性更高、性能更好，同步支持Python2、Python3。  <a href="#">立即体验>></a></p>
                    <p>3、顶级回测体验 我们支持对沪深A股、融资融券、金融期货、商品期货、场内基金、场外基金、ETF、LOF、分级基金等交易品种进行回测。 我们支持每日、分钟、Tick三级回测，提供简洁、强大的API，回测结果实时显示、快速响应、数据全面。  <a href="#">立即体验>></a></p>
                    <p>4、顶尖模拟交易 我们提供最准确、实时的沪深A股、股指期货、商品期货、ETF等模拟交易平台，支持基于天、分钟及tick级的模拟交易。  <a href="#">立即体验>></a></p>
                    <p>5、量化交流社区 我们为量化爱好者提供线上交流社区，便于用户交流量化策略、学习量化知识，一起成长。 <a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    </div>
                </div>
                <div id="奇点支持哪些交易品种？">
                    <div class="text-title-small">
                        奇点支持哪些交易品种？
                    </div>
                    <div class="parter-box1">
                    <p>奇点目前主要支持沪深A股、ETF、LOF、分级基金、股指期货、商品期货、场外基金等，后续我们会逐步支持逆回购、现货、外汇等其他金融衍生品。</p>
                    </div>
                </div>
                <div id="奇点收费吗？">
                    <div class="text-title-small">
                        奇点收费吗？
                    </div>
                    <div class="parter-box1">
                    <p>奇点量化交易平台是为量化爱好者、宽客量身打造的云平台，我们免费为您提供高质量数据、强大的研究平台、顶级回测体验、顶尖模拟交易、量化交流社区，便于您快速实现自己的交易思想</p>
                    </div>
                </div>
                <div id="策略归谁所有？">
                    <div class="text-title-small">
                        策略归谁所有？
                    </div>
                    <br>
                    <div class="parter-box1">
                    <p>策略是用户最大的财富，您对策略拥有100%的知识产权。</p>
                    </div>
                </div>
                <div id="我的策略是否安全？">
                    <div class="text-title-small">
                        我的策略是否安全？
                    </div>
                    <div class="parter-box1">
                    <p>我们提供业界最高的安全保护，通过https传输、加密存储、沙箱保护保障您的策略安全，除了您本人，任何人无法获取您的策略。<a href="#">点击这里</a>了解更多信息。</p>
                    </div>
                </div>
                <div id="如何学习使用奇点？">
                    <div class="text-title-small">
                        如何学习使用奇点？
                    </div>
                    <br>
                    <div class="parter-box1">
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    </div>
                </div>
                <div id="使用聚宽过程中有问题怎么办？">
                    <div class="text-title-small">
                        使用聚宽过程中有问题怎么办？
                    </div>
                    <div class="parter-box1">
                    <p>使用聚宽平台过程中遇到问题也可以在社区发帖，详细描述一下具体情况，加上对应的截图或者回测的网址，方便我们的工程师进行核查，谢谢！</p>
                    <br>
                    <p>1、<a href="#">提问模板</a></p>
                    <p>1、<a href="#">提问模板</a></p>
                    <p>1、<a href="#">提问模板</a></p>
                    </div>
                </div>
                <div id="不会写策略或者有些代码写不出来怎么办？">
                    <div class="text-title-small">
                        不会写策略或者有些代码写不出来怎么办？
                    </div>
                    <br>
                    <div class="parter-box1">
                    <p>1、<a href="#">学习</a></p>
                    <p>1、<a href="#">学习</a></p>
                    <p>1、<a href="#">学习</a></p>
                    </div>
                </div>
                </div>
            </div>
        </div>
        </div>
        <div id="Instruction-mobile">
            <div id="常见问题">
                    <div class="text-title-big">
                    常见问题
                    </div>
                <br>
                    <div class="parter-box1">
                    <p>感谢您使用奇点量化交易平台，以下内容希望解答您对奇点的疑问。</p>
                    <p>如果您想了解我们提供的<a href="#API">API</a>如何使用，请查看<a href="#API">API</a>文档</p>
                    <p>如果以下内容仍没有解决您的问题，请您通过<a href="#API">社区提问</a>的方式告诉我们，谢谢。</p>
                    </div>
                </div>
                <div id="关于奇点">
                    <div class="text-title-middle">
                    关于奇点
                    </div>
                <div id="奇点提供什么服务？">
                    <div class="text-title-small">
                        奇点提供什么服务？
                    </div>
                    <div class="parter-box1">
                    <p>奇点致力于打造最高效、易用的量化交易平台；我们希望降低量化交易的门槛，让更多人有机会参与进来；我们坚信“人人皆为奇点客”—任何人只要对量化交易感兴趣，就可以成为一名奇点客。</p>
                    <br>
                    <p>我们免费为量化爱好者提供如下服务：</p>
                    <br>
                    <p>1、高质量数据 我们的数据提供2005年至今完整的Leve1数据、提供上市公司财务数据，包含完整的停牌、复权等信息。行情数据实时更新,财务数据等盘后及时更新；JoinQuant的数据完全免费，我们每年投入近百万元用于数据购买、数据加工、数据存储。 <a href="#">查看详情>></a></p>
                    <p>2、强大的研究平台 我们免费提供基于IPython Notebook的研究平台，提供天、分钟、tick级数据，采用Docker技术隔离，资源独立、安全性更高、性能更好，同步支持Python2、Python3。  <a href="#">立即体验>></a></p>
                    <p>3、顶级回测体验 我们支持对沪深A股、融资融券、金融期货、商品期货、场内基金、场外基金、ETF、LOF、分级基金等交易品种进行回测。 我们支持每日、分钟、Tick三级回测，提供简洁、强大的API，回测结果实时显示、快速响应、数据全面。  <a href="#">立即体验>></a></p>
                    <p>4、顶尖模拟交易 我们提供最准确、实时的沪深A股、股指期货、商品期货、ETF等模拟交易平台，支持基于天、分钟及tick级的模拟交易。  <a href="#">立即体验>></a></p>
                    <p>5、量化交流社区 我们为量化爱好者提供线上交流社区，便于用户交流量化策略、学习量化知识，一起成长。 <a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    <p>6、 策略实盘<a href="#">立即体验>></a></p>
                    </div>
                </div>
                <div id="奇点支持哪些交易品种？">
                    <div class="text-title-small">
                        奇点支持哪些交易品种？
                    </div>
                    <div class="parter-box1">
                    <p>奇点目前主要支持沪深A股、ETF、LOF、分级基金、股指期货、商品期货、场外基金等，后续我们会逐步支持逆回购、现货、外汇等其他金融衍生品。</p>
                    </div>
                </div>
                <div id="奇点收费吗？">
                    <div class="text-title-small">
                        奇点收费吗？
                    </div>
                    <div class="parter-box1">
                    <p>奇点量化交易平台是为量化爱好者、宽客量身打造的云平台，我们免费为您提供高质量数据、强大的研究平台、顶级回测体验、顶尖模拟交易、量化交流社区，便于您快速实现自己的交易思想</p>
                    </div>
                </div>
                <div id="策略归谁所有？">
                    <div class="text-title-small">
                        策略归谁所有？
                    </div>
                    <br>
                    <div class="parter-box1">
                    <p>策略是用户最大的财富，您对策略拥有100%的知识产权。</p>
                    </div>
                </div>
                <div id="我的策略是否安全？">
                    <div class="text-title-small">
                        我的策略是否安全？
                    </div>
                    <div class="parter-box1">
                    <p>我们提供业界最高的安全保护，通过https传输、加密存储、沙箱保护保障您的策略安全，除了您本人，任何人无法获取您的策略。<a href="#">点击这里</a>了解更多信息。</p>
                    </div>
                </div>
                <div id="如何学习使用奇点？">
                    <div class="text-title-small">
                        如何学习使用奇点？
                    </div>
                    <br>
                    <div class="parter-box1">
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    <p>1、<a href="#">新手教程</a></p>
                    </div>
                </div>
                <div id="使用聚宽过程中有问题怎么办？">
                    <div class="text-title-small">
                        使用聚宽过程中有问题怎么办？
                    </div>
                    <div class="parter-box1">
                    <p>使用聚宽平台过程中遇到问题也可以在社区发帖，详细描述一下具体情况，加上对应的截图或者回测的网址，方便我们的工程师进行核查，谢谢！</p>
                    <br>
                    <p>1、<a href="#">提问模板</a></p>
                    <p>1、<a href="#">提问模板</a></p>
                    <p>1、<a href="#">提问模板</a></p>
                    </div>
                </div>
                <div id="不会写策略或者有些代码写不出来怎么办？">
                    <div class="text-title-small">
                        不会写策略或者有些代码写不出来怎么办？
                    </div>
                    <br>
                    <div class="parter-box1">
                    <p>1、<a href="#">学习</a></p>
                    <p>1、<a href="#">学习</a></p>
                    <p>1、<a href="#">学习</a></p>
                    </div>
                </div>
               
                </div>
        </div>
    </div>
</template>
<script>
import Header from '@/components/Header.vue'
export default {
    name: 'Instruction',
    components: {
    Header,

  }
}
</script>
<style scoped>
@media screen and (min-width:981px){
#Instruction-mobile{
   display: none;
}
#Instruction-pc{
    display: block;
    width: 100%;
    height: 100%;
}    
.box{
    width: 100%;
    height: 100%;
    padding-top:55px;
    overflow: hidden;
    position: fixed;
    background-color: #fff;
}
.box div{
float: left;
}
.left{
    width:28%;
    height:100%;
    overflow-y:scroll;
    overflow-X:hidden;
}
.left:hover::-webkit-scrollbar-thumb{
    border-radius: 4px;
    background-color: #dfdfdf;
}
.left::-webkit-scrollbar{
    width: 6px;
}
.left::-webkit-scrollbar-thumb{
    background-color: #fff;
}
.left-cjwt{
    width: 100%;
    padding-top:30px;
    padding-left:20px;
    height: auto;
    
}
.left-cjwt a{
    font-size:20px;
    font-weight: 900;
    color: #454545;
}
.left-title{
    width:100%;
    padding-top:10px;
    height: auto;
}
.left-title a{
    font-size:17px;
    font-weight: 500;
    padding-left:40px;
    color:#847494; 
}
.left-specifictitle{
    width:100%;
    padding-top:10px;
    height: auto;
}
.left-specifictitle a{
    display: inline-block;
    font-size:15px;
    padding-left:60px;
    height: auto;
    line-height:28px;  
    color:#8b8196;
}
.right{
    width:72%;
    height:100%;
    overflow: auto;
}
.text-title-big{
    margin:30px 0px 30px 5px;
    font-size: 33px;
    font-family: 'STXinwei'; 
    color: #454545;
}
.text-title-middle{
    margin:50px 0 0 20px;
    font-size: 30px;
    font-family: 'STXinwei'; 
}
.text-title-small{
    margin:50px 0 30px 40px;
    font-size: 24px;
    font-family: 'STXinwei'; 
}
.parter-box1 p{
    width:90%;
    height: auto;
    margin-left: 60px;
    margin-top: 10px;
    font-size: 20px;
    line-height:25px;
    font-family: 'KaiTi';
    font-weight: 500; 
    color: black;
}
}
@media screen and (max-width:980px){
#Instruction-pc{
    display: none;

}
#Instruction-mobile{
    display: block;
    width: 100%;
    height: 100%;
}
.text-title-big{
    padding:90px 0px 10px 15px;
    font-size: 33px;
    font-family: 'STXinwei'; 
}
.text-title-middle{
    margin:50px 0 0 15px;
    font-size: 30px;
    font-family: 'STXinwei'; 
}
.text-title-small{
    margin:50px 0 30px 15px;
    font-size: 24px;
    font-family: 'STXinwei'; 
}
.parter-box1 p{
    width:90%;
    height: auto;
    margin: 10px 0 10px 15px;
    font-size: 20px;
    line-height:25px;
    font-family: 'KaiTi';
    font-weight: 500; 
    color: black;
}
}
</style>
